<template>
  <div class="ysq-left-bottom d-flex-c">
    <div class="panel-header-bg">
      <div class="title-text">
        预报预警
      </div>
    </div>
    <ForecastWarning class="flex-box-height left-top flex-1 panel-zone-big-bg" />
  </div>
</template>

<script>
import ForecastWarning from '@/views/business/ysqjcdp/components/business/forecast-warning.vue'
export default {
  name: 'YsqLeftBottom',
  components: { ForecastWarning },
  data () {
    return {

    }
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
.ysq-left-bottom {
  // max-height: 306px;
}

.flex-box-height {
  min-height: 230px;
  max-height: 260px;
}

</style>
